.qr-header
  @apply fixed
  @apply z-50
  @apply top-0
  @apply left-0
  @apply w-full
  @apply bg-transparent
  @apply text-white
  @apply duration-200
  @apply ease-in

  &__inner
    @apply flex
    @apply items-center

  &--fixed
    @apply bg-white
    @apply text-neutral-800
    @apply drop-shadow-xl

.qr-header-logo
  width 98px
  height 30px

.qr-nav-container
  @apply flex
  @apply gap-x-8

.qr-header-nav
  @apply relative
  @apply inline-flex
  @apply h-16
  @apply items-center
  @apply text-base

  &:hover
    @apply text-primary

.qr-footer
  @apply relative
  @apply text-sm
  @apply text-neutral-500
  @apply bg-no-repeat
  background-image url('https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgo53d_QUokJHo9wcwgA842AQ.png')

  &__inner
    @apply max-w-7xl
    @apply mx-auto
    @apply pt-24
    line-height 30px
